<template>
    <div class = "app">
        <div class = "app_box"
            v-if = "show"
        >
            <h4></h4>
            <p>
                {{ Arr.title }}
            </p>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            Arr:null,
            show:false,
        }
    },
    created(){
        this.$api.notice({}, res => {
            this.show = false;
            if (res.status) {

                this.Arr = res.data[this.$route.query.id]
                console.log(this.Arr)
                this.show = true
            }
        })
    }
}
</script>

<style lang="scss" scoped>
    .app{
        width:100%;
        margin-top:10px;
        padding:20px;
        .app_box{
            width:100%;
            height:200px;
            background:#fff;
        }
        h4{
            height:30px;
            line-height:30px;
        }
    }
</style>

